<template>
  <!--登录-->
    <div class="login">
      <!--头部-->
      <div class="login-header">
         <div class="font">账号登录</div>
      </div>
      <!--内容-->
      <div class="login-content">
         <div class="l-c-phone">
           <div class="p-1">
             <span class=" font2">
             账
            </span>
             <span class=" font2">
             号
            </span>
           </div>
           <div class="p-2">
             <Input   clearable  placeholder="请输入手机号" :autofocus=true></Input>
           </div>
         </div>
         <div class="l-c-code">
           <div class="c-1">
             <Input placeholder="请输入验证码"></Input>
           </div>
           <div class="c-2">
             <Button class="code">获取验证码</Button>
           </div>
         </div>
         <div class="l-c-button">
           <Button class="submit">立即登录</Button>
         </div>
      </div>
      <!--底部-->
      <div class="login-footer">
         <div class="l-f-1">
           <div class="l-f-login">
            第三方登录
           </div>
         </div>
        <div class="wx-login">
        </div>
      </div>
    </div>
</template>

<script>
    export default {
        name: "index",
        data() {
            return {

            };
        },
        methods: {},

    }
</script>

<style lang="less" scoped>
@import "./less/login";
</style>
